

jQuery(document).ready(function ($) {
	//console.log($("#btn1").data("toggle"));
	
	$(".btnPop").each(function() {
		
        if($(this).data("togglepop")=="modal"){
		
			$(this).click(function(){
					idPop= $(this).attr("href");
					$(idPop).show();
					$(idPop).removeClass($(idPop).data("easeout"));
					$(idPop).addClass("animated "+$(idPop).data("easein"));
					console.log($(idPop).data("easein"));
					$("body").append('<div class="modal-backdrop  in"></div>');	
					$(".modal-backdrop").click(function(){
						$(idPop).removeClass($(idPop).data("easein"));
							$(idPop).addClass("animated " + $(idPop).data("easeout"));
							setTimeout("$('"+idPop+"').hide()",1000);
							$(".modal-backdrop").remove();
						});
					$(idPop).find(".close,.btnClose").click(function(){
							$(".modal-backdrop").click();
						});
					
					return false;
				});
		}
		if($(this).attr("rel")=="popover"){
				$(this).click(function(){
					if($(this).parent().find(".popover").length< 1) {
						var top=0;
						var left=0;
						var parentTop=0;
						var parentLeft=0;
						
						$(this).parent().append('<div class="popover animated ' + $(this).data("placement") +' in '+$(this).data("easein") +'" style="display: block;"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title">'+$(this).data("original-title")+'</h3><div class="popover-content"><p>'+ $(this).data("content")+'</p></div></div></div>');
						if($(this).data("placement") == "top"){
								parentTop = $(this).offset().top ;
								parentLeft = $(this).offset().left ;
								top = parentTop - ( $(this).parent().find(".popover").height() + 10);
								left = parentLeft - ($(this).parent().find(".popover").width()/2) +  ($(this).width()/2) +10;
								$(this).parent().find(".popover").css({"top":top});
								$(this).parent().find(".popover").css({"left":left});
						}
							if($(this).data("placement") == "left"){
								parentTop = $(this).offset().top ;
								parentLeft = $(this).offset().left ;
								top = parentTop - ( $(this).parent().find(".popover").height()/2 -10);
								left = parentLeft - ($(this).parent().find(".popover").width() +10);
								$(this).parent().find(".popover").css({"top":top});
								$(this).parent().find(".popover").css({"left":left});
						}
							if($(this).data("placement") == "right"){
								parentTop = $(this).offset().top ;
								parentLeft = $(this).offset().left ;
								top = parentTop - ( $(this).parent().find(".popover").height()/2 -10);
								left = parentLeft  +  $(this).width() + 30;
								$(this).parent().find(".popover").css({"top":top});
								$(this).parent().find(".popover").css({"left":left});
						}
							if($(this).data("placement") == "bottom"){
								parentTop = $(this).offset().top ;
								parentLeft = $(this).offset().left ;
								top = parentTop +  +  $(this).height() +15;
								left = parentLeft - ($(this).parent().find(".popover").width()/2) +  ($(this).width()/2) +10;
								$(this).parent().find(".popover").css({"top":top});
								$(this).parent().find(".popover").css({"left":left});
						}
						
					}
					else{
							$(this).parent().find(".popover").remove();
						}
					return false;
				});
				
			
			}
		
		
    })
	})